Vue.js项目引入less文件报错解决 您所在的位置:网站首页 vue中引入图片报Error Can't resolve Vue.js项目引入less文件报错解决

Vue.js项目引入less文件报错解决

2024-06-24 03:56| 来源: 网络整理| 查看: 265

最近用vue-cli+webpack构建项目时,当在app.vue或者其他组件中中引入less文件时会报错,如下所示:

import '@/less/detail.less'

报错如下: 这里写图片描述 根据报错信息说是相关依赖babel-loader和vue-loader没有找到,但是我们npm i babel-loader vue-loader依然报错此信息。 正常情况下在webpack的配置文件中已经配置好可以引入css,less等文件,如果出现报错我们可以有两种方式解决。

1.src形式引入文件 2.利用cnpm安装包

需要局部安装vue-style-loader,less-loader,css-loader,vue-loader和less包(需注意就算全局安装以上包仍需局部安装),即:cnpm i vue-style-loader less-loader css-loader vue-loader less

npm run dev即可正常运行



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有